
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

   <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
       #ProvinceT tbody tr:nth-child(odd){background:#f7f3f7 }
        .checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {
    margin-top: 4px;
}

    </style>
</head>

<body style="padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
        <h2 class="title_color text-center">省份营销费用报表</h2>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="tab-content table-bordered  table" border="1" style="margin-bottom:1px">
          <tr>
          <td>
            <select name="" id="" class="select form-control">
                 <option value="0">请选择</option>
                 <option value="1">2032</option>
                 <option value="2">2031</option>
                 <option value="3">2030</option>
                 <option value="4">2029</option>
                 <option value="5">2028</option>
                 <option value="6">2027</option>
                 <option value="7">2026</option>
                 <option value="8">2025</option>
                 <option value="9">2024</option>
                 <option value="10">2023</option>
                 <option value="11">2022</option>
                 <option value="12">2021</option>
                 <option value="13">2020</option>
                 <option value="14">2019</option>
                 <option value="15">2018</option>
                 <option value="16">2017</option>
                 <option value="17">2016</option>
                 <option value="18">2015</option>
          </select>
			</td>
      </tr>
      <tr id="province">
          <td>
            <div class="form-group">
              
                <span class="checkDiv">
                      <label class="checkbox-inline" for="Anhui">
                    <input type="checkbox" name="items" id="Anhui" value="安徽省">安徽省
                </label>
                </span>
              
                 <span class="checkDiv">
                      <label class="checkbox-inline" for="Fujian">
                  <input type="checkbox" name="items" id="Fujian" value="福建省">福建省
                </label>
                 </span>
               
                 <span class="checkDiv">
                   <label class="checkbox-inline" for="Guangdong">
                  <input type="checkbox" name="items" id="Guangdong" value="广东省">广东省
                </label>
                 </span>
                
                 <span class="checkDiv">
                     <label class="checkbox-inline" for="Guangxi">
                  <input type="checkbox" name="items" id="Guangxi" value="广西省">广西省
                </label>
                 </span>
                
                 <span class="checkDiv">
                      <label class="checkbox-inline" for="Guizhou">
                  <input type="checkbox" name="items" id="Guizhou" value="贵州省">贵州省
                </label>
                 </span>
               
                 <span class="checkDiv">
                       <label class="checkbox-inline" for="Hainan">
                  <input type="checkbox" name="items" id="Hainan" value="海南省">海南省
                </label>
                 </span>

                 <span class="checkDiv">
                      <label class="checkbox-inline" for="Hebei">
                  <input type="checkbox" name="items" id="Hebei" value="河北省">河北省
                </label>
                 </span>
                 <br>
               
                 <span class="checkDiv">
                      <label class="checkbox-inline" for="Henan">
                  <input type="checkbox" name="items" id="Henan" value="河南省">河南省
                </label>
                 </span>
                   <span class="checkDiv">
                      <label class="checkbox-inline" for="Hubei">
                  <input type="checkbox" name="items" id="Hubei" value="湖北省">湖北省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Hunan">
                  <input type="checkbox" name="items" id="Hunan" value="湖南省">湖南省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Jangsu">
                  <input type="checkbox" name="items" id="Jangsu" value="江苏省">江苏省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Jangxi">
                  <input type="checkbox" name="items" id="Jangxi" value="江西省">江西省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Ningxia">
                  <input type="checkbox" name="items" id="Ningxia" value="宁夏省">宁夏省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Shandong">
                  <input type="checkbox" name="items" id="Shandong" value="山东省">山东省
                </label>
                 </span><br>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="ShanxiY">
                  <input type="checkbox" name="items" id="ShanxiY" value="山西省">山西省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Shanghai">
                  <input type="checkbox" name="items" id="Shanghai" value="上海市">上海市
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Sichuan">
                  <input type="checkbox" name="items" id="Sichuan" value="四川省">四川省
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="Taiwan">
                  <input type="checkbox" name="items" id="Taiwan" value="台湾">台湾
                </label>
                 </span>
                    <span class="checkDiv">
                      <label class="checkbox-inline" for="TaiwanP">
                  <input type="checkbox" name="items" id="TaiwanP" value="台湾省">台湾省
                </label>
                 </span>
                     <span class="checkDiv">
                      <label class="checkbox-inline" for="Xizang">
                  <input type="checkbox" name="items" id="Xizang" value="西藏">西藏
                </label>
                 </span>
                     <span class="checkDiv">
                      <label class="checkbox-inline" for="Yunnan">
                  <input type="checkbox" name="items" id="Yunnan" value="云南省">云南省
                </label>
                 </span><br>
                     <span class="checkDiv">
                      <label class="checkbox-inline" for="Zhejiang">
                  <input type="checkbox" name="items" id="Zhejiang" value="浙江省">浙江省
                </label>
                 </span>
                   <span class="checkDiv">
                      <label class="checkbox-inline" for="Chongqing">
                  <input type="checkbox" name="items" id="Chongqing" value="重庆">重庆
                </label>
                 </span>
                  <button class="btn btn-info query" type="button">查询</button>
                 <button class="btn-info btn" type="button" id="checkAll">全选</button>
            </div>
          </td>
      </tr>
      </table>
   
     <div class="padding-10 text-left font-bold">
        省区决策依据
     </div>
     <table class="table-bordered table bud_hei" id="ProvinceT">
        <tr class="info">
          <th class="text-center">省份名</th>
          <th class="text-center">&nbsp;</th>
          <th class="text-center">1月</th>
          <th class="text-center">2月</th>
          <th class="text-center">3月</th>
          <th class="text-center">4月</th>
          <th class="text-center">5月</th>
          <th class="text-center">6月</th>
          <th class="text-center">7月</th>
          <th class="text-center">8月</th>
          <th class="text-center">9月</th>
          <th class="text-center">10月</th>
          <th class="text-center">11月</th>
          <th class="text-center">12月</th>
          <th class="text-center">合计</th>
        </tr>
        <tbody style="border:0">

        </tbody>
     </table>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
      <script src="__STATIC__/layout/js/common.js"></script>
    <script>
       $(document).ready(function(){
            var $ObjectNum =$(".ObjectNum");
               toNum($ObjectNum);
             });

        /*省份全选*/
           $("#checkAll").click(function(){
      
               $("[name=items]:checkbox").prop("checked",true);
           })

             /*查询*/
             $(".query").click(function(){
            
                    if($('input[name=items]:checked').length<1){
                      alert("请选择省份！")
                    }else{
                      // console.log()
                      var arr=[];
                     
                     
                        $('input[name=items]:checked').map(function(){
                          // $(this).val();
                            arr.push($(this).val())
                      })
                       console.log(arr)
                      
                      
                     
                       for(var i=0;i<arr.length;i++){
                         var str = '<tr><td class="text-center" rowspan="9">'+arr[i]+'</td><td class="text-center">预计销售目标(元)</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">预计销售预算(元)</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">实际销售达成(元)</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">实际费用申请(元)</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">预计费用率</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">实际费用率</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">实际达成率</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">实际可使用费用</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr><tr><td class="text-center">费用使用差异</td><td>125</td><td>126</td><td>128</td><td>127</td><td>127</td><td>129</td><td>126</td><td>128</td><td>126</td><td>125</td><td>129</td><td>128</td><td class="trTotal"></td></tr>';
                         
                       }
                         $("#ProvinceT tbody").append(str);
                    }
              
                });

         var trC= $("#ProvinceT tbody tr");
        trC.each(function(){
         var trTdlen= $(this).find('td').length;
      
         if(trTdlen==15){
            $(this).find("td").eq(0).css("background-color","#f7f3f7")
         }
        })

    </script>
</body>

</html>
